<template class="task-template">
  <section id="rename-section" class="section js-section u-category-rename">
    <header class="section-header">
      <div class="section-wrapper">
        <h1>
          <svg class="section-icon">
            <use xlink:href="assets/img/icons.svg#icon-menu"></use>
          </svg>
          文件改名
        </h1>
      </div>
    </header>
    <div class="container">
      <div class="section-operation row">
        <div id="drag-drop-container" class='col-md-6 dragdrop-div'>
          Drop Files Here!
        </div>
        <div class="col-md-6">
          <div class="replace-div col-md-6">
            <div class="from-div row">
              <select id="selectColumn" style="height:25px;">
                <option value="0">全部列</option>
                <option value="1">第1列</option>
                <option value="2">第2列</option>
                <option value="3">第3列</option>
                <option value="4">第4列</option>
                <option value="5">第5列</option>
                <option value="6">第6列</option>
                <option value="7">第7列</option>
                <option value="8">第8列</option>
              </select>
              <button id="ignoreCase" title="忽略大小写" class="btn btn-sm" style="width:35px;height:20px;padding-top: 0px;">Aa</button>
              <button id="wholeWord" title="严格大小写" class="btn btn-sm btndisable" style="width:35px;height:20px;padding-top: 0px;">ab</button>
            </div>
            <div class="to-div row" style="color:black;">
                <input id="inputFrom" type="text" class="input-replace" placeholder="replace from" style="width:100px;" />~
              <input id="inputTo" type="text" class="input-replace" placeholder="replace to" style="width:100px;" />
              <button id="btnReplace" class="btn btn-sm" style="height:20px;padding-top: 0px;background-color: white;">替换</button>
            </div>
          </div>
          <div class="save-div col-md-6" style="margin-top:10px;">
            <div class="col-md-4">
              <button id="btn-clean" class="fav-btn btn btn-default">清空</button>
            </div>
            <div class="col-md-4">
              <button id="btn-saveas" class="fav-btn btn btn-default">另存为</button>
            </div>
            <div class="col-md-4">
              <button id="btn-save" class="fav-btn btn btn-default">保存</button>
            </div>
          </div>
        </div>
      </div>
      <div class="list-file">
        <table class="table table-condensed">
          <thead>
            <tr>
              <th>
                文件名
              </th>
              <th>
                标签1
              </th>
              <th>
                标签2
              </th>
              <th>
                标签3
              </th>
              <th>
                标签4
              </th>
              <th>
                标签5
              </th>
              <th>
                标签6
              </th>
              <th>
                标签7
              </th>
              <th>
                标签8
              </th>
              <th>
                操作
              </th>
            </tr>
          </thead>
          <tbody id="dragfiles">
            <!--
                  <tr>
                    <td>
                      脚步声_软_重度_长_高品质_木板
                    </td>
                    <td>
                      <input type="text" value="脚步声" />
                    </td>
                    <td>
                      <input type="text" value="脚步声" />
                    </td>
                    <td>
                        <input type="text" value="重度" />
                    </td>
                    <td>
                        <input type="text" value="长" />
                    </td>
                    <td>
                        <input type="text" value="高品质" />
                    </td>
                    <td>
                        <input type="text" value="木板" />
                    </td>
                  </tr>
                -->
          </tbody>
        </table>

        <div id="datalist">
        </div>
      </div>
    </div>
    <script type="text/javascript">
      require('./assets/common')
      require('./renderer-process/rename')
    </script>
  </section>
</template>